.vc-switch {
    display: block;
    position: fixed;
    right: 0.76923077em;
    bottom: 0.76923077em;
    padding: 0.61538462em 1.23076923em;
    line-height: 1;
    font-size: 1.07692308em;
    color: #FFF;
    background-color: var(--VC-BRAND);
    z-index: 10000;
    border-radius: 0.30769231em;
    box-shadow: 0 0 0.61538462em rgba(0, 0, 0, 0.4);
}

#__vconsole {
    --VC-BG-0: #ededed;
    --VC-BG-1: #f7f7f7;
    --VC-BG-2: #fff;
    --VC-BG-3: #f7f7f7;
    --VC-BG-4: #4c4c4c;
    --VC-BG-5: #fff;
    --VC-BG-6: rgba(0, 0, 0, 0.1);
    --VC-FG-0: rgba(0, 0, 0, 0.9);
    --VC-FG-HALF: rgba(0, 0, 0, 0.9);
    --VC-FG-1: rgba(0, 0, 0, 0.5);
    --VC-FG-2: rgba(0, 0, 0, 0.3);
    --VC-FG-3: rgba(0, 0, 0, 0.1);
    --VC-RED: #fa5151;
    --VC-ORANGE: #fa9d3b;
    --VC-YELLOW: #ffc300;
    --VC-GREEN: #91d300;
    --VC-LIGHTGREEN: #95ec69;
    --VC-BRAND: #07c160;
    --VC-BLUE: #10aeff;
    --VC-INDIGO: #1485ee;
    --VC-PURPLE: #6467f0;
    --VC-LINK: #576b95;
    --VC-TEXTGREEN: #06ae56;
    --VC-FG: black;
    --VC-BG: white;
    --VC-BG-COLOR-ACTIVE: #ececec;
    --VC-WARN-BG: #fff3cc;
    --VC-WARN-BORDER: #ffe799;
    --VC-ERROR-BG: #fedcdc;
    --VC-ERROR-BORDER: #fdb9b9;
    --VC-DOM-TAG-NAME-COLOR: #881280;
    --VC-DOM-ATTRIBUTE-NAME-COLOR: #994500;
    --VC-DOM-ATTRIBUTE-VALUE-COLOR: #1a1aa6;
    --VC-CODE-KEY-FG: #881391;
    --VC-CODE-PRIVATE-KEY-FG: #cfa1d3;
    --VC-CODE-FUNC-FG: #0d22aa;
    --VC-CODE-NUMBER-FG: #1c00cf;
    --VC-CODE-STR-FG: #c41a16;
    --VC-CODE-NULL-FG: #808080;
    color: var(--VC-FG-0);
    font-size: 13px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    -webkit-user-select: auto;
    /* global */
}

#__vconsole .vc-max-height {
    max-height: 19.23076923em;
}

#__vconsole .vc-max-height-line {
    max-height: 6.30769231em;
}

#__vconsole .vc-min-height {
    min-height: 3.07692308em;
}

#__vconsole dd,
#__vconsole dl,
#__vconsole pre {
    margin: 0;
}

#__vconsole pre {
    white-space: pre-wrap;
}

#__vconsole i {
    font-style: normal;
}

.vc-table {
    height: 100%;
}

.vc-table .vc-table-row {
    line-height: 1.5;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    -ms-flex-wrap: wrap;
    overflow: hidden;
    border-bottom: 1px solid var(--VC-FG-3);
}

.vc-table .vc-table-row.vc-left-border {
    border-left: 1px solid var(--VC-FG-3);
}

.vc-table .vc-table-row-icon {
    margin-left: 4px;
}

.vc-table .vc-table-col {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0.23076923em 0.30769231em;
    border-left: 1px solid var(--VC-FG-3);
    overflow: auto;
}

.vc-table .vc-table-col:first-child {
    border: none;
}

.vc-table .vc-table-col-value {
    white-space: pre-wrap;
    word-break: break-word;
    /*white-space: nowrap;
      text-overflow: ellipsis;*/
    -webkit-overflow-scrolling: touch;
}

.vc-table .vc-small .vc-table-col {
    padding: 0 0.30769231em;
    font-size: 0.92307692em;
}

.vc-table .vc-table-col-2 {
    -webkit-box-flex: 2;
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
}

.vc-table .vc-table-col-3 {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
    -moz-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
}

.vc-table .vc-table-col-4 {
    -webkit-box-flex: 4;
    -webkit-flex: 4;
    -moz-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}

.vc-table .vc-table-col-5 {
    -webkit-box-flex: 5;
    -webkit-flex: 5;
    -moz-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.vc-table .vc-table-col-6 {
    -webkit-box-flex: 6;
    -webkit-flex: 6;
    -moz-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
}

.vc-table .vc-table-row-error {
    border-color: var(--VC-ERROR-BORDER);
    background-color: var(--VC-ERROR-BG);
}

.vc-table .vc-table-row-error .vc-table-col {
    color: var(--VC-RED);
    border-color: var(--VC-ERROR-BORDER);
}

.vc-table .vc-table-col-title {
    font-weight: bold;
}

.vc-table .vc-table-action {
    display: flex;
    justify-content: space-evenly;
}

.vc-table .vc-table-action .vc-icon {
    flex: 1;
    text-align: center;
    display: block;
}

.vc-table .vc-table-action .vc-icon:hover {
    background: var(--VC-BG-3);
}

.vc-table .vc-table-action .vc-icon:active {
    background: var(--VC-BG-1);
}

.vc-table .vc-table-input {
    width: 100%;
    border: none;
    color: var(--VC-FG-0);
    background-color: var(--VC-BG-6);
    height: 3.53846154em;
}

.vc-table .vc-table-input:focus {
    background-color: var(--VC-FG-2);
}

@media (prefers-color-scheme: dark) {
    #__vconsole:not([data-theme="light"]) {
        --VC-BG-0: #191919;
        --VC-BG-1: #1f1f1f;
        --VC-BG-2: #232323;
        --VC-BG-3: #2f2f2f;
        --VC-BG-4: #606060;
        --VC-BG-5: #2c2c2c;
        --VC-BG-6: rgba(255, 255, 255, 0.2);
        --VC-FG-0: rgba(255, 255, 255, 0.8);
        --VC-FG-HALF: rgba(255, 255, 255, 0.6);
        --VC-FG-1: rgba(255, 255, 255, 0.5);
        --VC-FG-2: rgba(255, 255, 255, 0.3);
        --VC-FG-3: rgba(255, 255, 255, 0.05);
        --VC-RED: #fa5151;
        --VC-ORANGE: #c87d2f;
        --VC-YELLOW: #cc9c00;
        --VC-GREEN: #74a800;
        --VC-LIGHTGREEN: #28b561;
        --VC-BRAND: #07c160;
        --VC-BLUE: #10aeff;
        --VC-INDIGO: #1196ff;
        --VC-PURPLE: #8183ff;
        --VC-LINK: #7d90a9;
        --VC-TEXTGREEN: #259c5c;
        --VC-FG: white;
        --VC-BG: black;
        --VC-BG-COLOR-ACTIVE: #282828;
        --VC-WARN-BG: #332700;
        --VC-WARN-BORDER: #664e00;
        --VC-ERROR-BG: #321010;
        --VC-ERROR-BORDER: #642020;
        --VC-DOM-TAG-NAME-COLOR: #5DB0D7;
        --VC-DOM-ATTRIBUTE-NAME-COLOR: #9BBBDC;
        --VC-DOM-ATTRIBUTE-VALUE-COLOR: #f29766;
        --VC-CODE-KEY-FG: #e36eec;
        --VC-CODE-PRIVATE-KEY-FG: #f4c5f7;
        --VC-CODE-FUNC-FG: #556af2;
        --VC-CODE-NUMBER-FG: #9980ff;
        --VC-CODE-STR-FG: #e93f3b;
        --VC-CODE-NULL-FG: #808080;
    }
}

#__vconsole[data-theme="dark"] {
    --VC-BG-0: #191919;
    --VC-BG-1: #1f1f1f;
    --VC-BG-2: #232323;
    --VC-BG-3: #2f2f2f;
    --VC-BG-4: #606060;
    --VC-BG-5: #2c2c2c;
    --VC-BG-6: rgba(255, 255, 255, 0.2);
    --VC-FG-0: rgba(255, 255, 255, 0.8);
    --VC-FG-HALF: rgba(255, 255, 255, 0.6);
    --VC-FG-1: rgba(255, 255, 255, 0.5);
    --VC-FG-2: rgba(255, 255, 255, 0.3);
    --VC-FG-3: rgba(255, 255, 255, 0.05);
    --VC-RED: #fa5151;
    --VC-ORANGE: #c87d2f;
    --VC-YELLOW: #cc9c00;
    --VC-GREEN: #74a800;
    --VC-LIGHTGREEN: #28b561;
    --VC-BRAND: #07c160;
    --VC-BLUE: #10aeff;
    --VC-INDIGO: #1196ff;
    --VC-PURPLE: #8183ff;
    --VC-LINK: #7d90a9;
    --VC-TEXTGREEN: #259c5c;
    --VC-FG: white;
    --VC-BG: black;
    --VC-BG-COLOR-ACTIVE: #282828;
    --VC-WARN-BG: #332700;
    --VC-WARN-BORDER: #664e00;
    --VC-ERROR-BG: #321010;
    --VC-ERROR-BORDER: #642020;
    --VC-DOM-TAG-NAME-COLOR: #5DB0D7;
    --VC-DOM-ATTRIBUTE-NAME-COLOR: #9BBBDC;
    --VC-DOM-ATTRIBUTE-VALUE-COLOR: #f29766;
    --VC-CODE-KEY-FG: #e36eec;
    --VC-CODE-PRIVATE-KEY-FG: #f4c5f7;
    --VC-CODE-FUNC-FG: #556af2;
    --VC-CODE-NUMBER-FG: #9980ff;
    --VC-CODE-STR-FG: #e93f3b;
    --VC-CODE-NULL-FG: #808080;
}

.vc-tabbar {
    border-bottom: 1px solid var(--VC-FG-3);
    overflow-x: auto;
    height: 3em;
    width: auto;
    white-space: nowrap;
}

.vc-tabbar .vc-tab {
    display: inline-block;
    line-height: 3em;
    padding: 0 1.15384615em;
    border-right: 1px solid var(--VC-FG-3);
    text-decoration: none;
    color: var(--VC-FG-0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.vc-tabbar .vc-tab:active {
    background-color: rgba(0, 0, 0, 0.15);
}

.vc-tabbar .vc-tab.vc-actived {
    background-color: var(--VC-BG-1);
}

.vc-toolbar {
    border-top: 1px solid var(--VC-FG-3);
    line-height: 3em;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}

.vc-toolbar .vc-tool {
    display: none;
    font-style: normal;
    text-decoration: none;
    color: var(--VC-FG-0);
    width: 50%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    position: relative;
    -webkit-touch-callout: none;
}

.vc-toolbar .vc-tool.vc-toggle,
.vc-toolbar .vc-tool.vc-global-tool {
    display: block;
}

.vc-toolbar .vc-tool:active {
    background-color: rgba(0, 0, 0, 0.15);
}

.vc-toolbar .vc-tool:after {
    content: " ";
    position: absolute;
    top: 0.53846154em;
    bottom: 0.53846154em;
    right: 0;
    border-left: 1px solid var(--VC-FG-3);
}

.vc-toolbar .vc-tool-last:after {
    border: none;
}

.vc-topbar {
    background-color: var(--VC-BG-1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.vc-topbar .vc-toptab {
    display: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 2.30769231em;
    padding: 0 1.15384615em;
    border-bottom: 1px solid var(--VC-FG-3);
    text-decoration: none;
    text-align: center;
    color: var(--VC-FG-0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.vc-topbar .vc-toptab.vc-toggle {
    display: block;
}

.vc-topbar .vc-toptab:active {
    background-color: rgba(0, 0, 0, 0.15);
}

.vc-topbar .vc-toptab.vc-actived {
    border-bottom: 1px solid var(--VC-INDIGO);
}

.vc-mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 10001;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
    -webkit-tap-highlight-color: transparent;
    overflow-y: scroll;
}

.vc-panel {
    display: none;
    position: fixed;
    min-height: 85%;
    left: 0;
    right: 0;
    bottom: -100%;
    z-index: 10002;
    background-color: var(--VC-BG-0);
    transition: bottom 0.3s;
}

.vc-toggle .vc-switch {
    display: none;
}

.vc-toggle .vc-mask {
    background: rgba(0, 0, 0, 0.6);
    display: block;
}

.vc-toggle .vc-panel {
    bottom: 0;
}

.vc-content {
    background-color: var(--VC-BG-2);
    overflow-x: hidden;
    overflow-y: auto;
    position: absolute;
    top: 3.07692308em;
    left: 0;
    right: 0;
    bottom: 3.07692308em;
    -webkit-overflow-scrolling: touch;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
}


.vc-scroller-viewport {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.vc-scroller-contents {
    min-height: 100%;
    will-change: transform;
}

.vc-scroller-items {
    will-change: height;
    position: relative;
}

.vc-scroller-item {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
}

.vc-scroller-scrollbar-track {
    width: 4px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 1px;
}

.vc-scroller-scrollbar-thumb {
    position: relative;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 999px;
}

.vc-cmd {
    height: 3.07692308em;
    border-top: 1px solid var(--VC-FG-3);
    display: flex;
    flex-direction: row;
}

.vc-cmd.vc-filter {
    bottom: 0;
}

.vc-cmd-input-wrap {
    display: flex;
    align-items: center;
    flex: 1;
    position: relative;
    height: 2.15384615em;
    padding: 0.46153846em 0.61538462em;
}

.vc-cmd-input {
    width: 100%;
    border: none;
    resize: none;
    outline: none;
    padding: 0;
    font-size: 0.92307692em;
    background-color: transparent;
    color: var(--VC-FG-0);
}

.vc-cmd-input::-webkit-input-placeholder {
    line-height: 2.15384615em;
}

.vc-cmd-btn {
    width: 3.07692308em;
    border: none;
    background-color: var(--VC-BG-0);
    color: var(--VC-FG-0);
    outline: none;
    -webkit-touch-callout: none;
    font-size: 1em;
}

.vc-cmd-clear-btn {
    flex: 1 3.07692308em;
    text-align: center;
    line-height: 3.07692308em;
}

.vc-cmd-btn:active,
.vc-cmd-clear-btn:active {
    background-color: var(--VC-BG-COLOR-ACTIVE);
}

.vc-cmd-prompted {
    position: absolute;
    left: 0.46153846em;
    right: 0.46153846em;
    background-color: var(--VC-BG-3);
    border: 1px solid var(--VC-FG-3);
    overflow-x: scroll;
    display: none;
}

.vc-cmd-prompted li {
    list-style: none;
    line-height: 30px;
    padding: 0 0.46153846em;
    border-bottom: 1px solid var(--VC-FG-3);
}

.vc-cmd-prompted li:active {
    background-color: var(--VC-BG-COLOR-ACTIVE);
}

.vc-cmd-prompted-hide {
    text-align: center;
}


.vc-group .vc-group-preview {
    -webkit-touch-callout: none;
}

.vc-group .vc-group-preview:active {
    background-color: var(--VC-BG-COLOR-ACTIVE);
}

.vc-group .vc-group-detail {
    display: none;
    padding: 0 0 0.76923077em 1.53846154em;
    border-bottom: 1px solid var(--VC-FG-3);
}

.vc-group.vc-actived .vc-group-detail {
    display: block;
    background-color: var(--VC-BG-1);
}

.vc-group.vc-actived .vc-table-row {
    background-color: var(--VC-BG-2);
}

.vc-group.vc-actived .vc-group-preview {
    background-color: var(--VC-BG-1);
}

/* color */
.vcelm-node {
    color: var(--VC-DOM-TAG-NAME-COLOR);
}

.vcelm-k {
    color: var(--VC-DOM-ATTRIBUTE-NAME-COLOR);
}

.vcelm-v {
    color: var(--VC-DOM-ATTRIBUTE-VALUE-COLOR);
}

.vcelm-l.vc-actived > .vcelm-node {
    background-color: var(--VC-FG-3);
}

/* layout */
.vcelm-l {
    padding-left: 8px;
    position: relative;
    word-wrap: break-word;
    line-height: 1.2;
}

/*.vcelm-l.vcelm-noc {
  padding-left: 0;
}*/
.vcelm-l .vcelm-node:active {
    background-color: var(--VC-BG-COLOR-ACTIVE);
}

.vcelm-l.vcelm-noc .vcelm-node:active {
    background-color: transparent;
}

.vcelm-t {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* level */
/* arrow */
.vcelm-l:before {
    content: "";
    display: block;
    position: absolute;
    top: 6px;
    left: 3px;
    width: 0;
    height: 0;
    border: transparent solid 3px;
    border-left-color: var(--VC-FG-1);
}

.vcelm-l.vc-toggle:before {
    display: block;
    top: 6px;
    left: 0;
    border-top-color: var(--VC-FG-1);
    border-left-color: transparent;
}

.vcelm-l.vcelm-noc:before {
    display: none;
}